.attendance_date
	background-color #4095ff
	padding 20px 15px
.attendance_label
	background-color #4095ff
.attendance_statistic
	position: absolute;
	top: 26px;
	right: 10px;
	line-height: 26px
	width: 58px;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 5px
.attendance_refresh
	position absolute
	right 10px
	bottom: 85px
	size(51px,51px)
	background: url("../images/refresh.png") 0 0 no-repeat
	background-size: 100%
.ml10
	margin-left:10px
.attendance_check
	padding: 15px 0
	background-color: #fff
	.arrive_sign,.leave_sign
		background-color transparent
		color: #000
.attendance
	.list
		.list-item
			background-color #fff
			position relative
			margin-top 15px
			&:last-child
				border none
			&:first-child
				margin-top 0
			&:before
				content: ""
				position absolute
				left 18px
				top: 30px
				bottom: 30px
				width: 1px
				background-color: #e0e0e0
	.search-location
		margin: 10px auto;
		padding 0 20px
		input
			padding 0 5px
			line-height 30px
			width 100%
			&::-webkit-input-placeholder
				text-align center
	.attendance_btn
		size(121px,121px)
		border-radius: 50%
		background-color: $c-blue
		text-align: center
		padding: 30px 0
		color: #fff
		margin: 15px auto 0
		border: 5px solid #b4d4fc
	.state_outside,.state_normal,.state_late,.state_nosign
		font-size: 12px
		color: #fff
		display inline-block
		border-radius: 12px
		transform: scale(.8)
		padding: 0 10px
		background-color: #ff9a49
	.state_nosign
		background-color: #c2c2c2
	.state_normal
		background-color: #4095ff
	.state_late
		background-color: #ff4966
.attendance-list
	.attendance_header
		&:before
			content:"|"
			color: #0095ff
	.attendance_detail
		padding 10px 0
.attend_sta_detail
	.list-item
		padding: 15px 12px
		&.normal,&.lateam,&.earlypm,&.rangeoutside,&.overtime
			&:before
				content: ""
				font-weight bold
				background-color: #0095ff
				display inline-block
				width: 2px
				height 16px
				margin-right 5px
				vertical-align: text-bottom
		&.lateam,&.earlypm,&.rangeoutside
			&:before
				background-color: #ff8340
.new-kq
	background: url("../images/new-kq.png") 0 0 no-repeat
	width: 17px;
	height: 17px;
	background-size: 100%;
	display inline-block
	vertical-align middle
.map_btn
	position: absolute
	bottom: 20px
	width 70%
	left: 15%
.attendance_tip
	padding 5px 20px
.icon_more.right
	background-position right center
.icon_location,.icon_sun
	background-size 12px
	background-repeat no-repeat
	background-position: 0 center;
	text-indent 20px
	width: 6%
	height 20px
	float left
.attendance_section
	float left
	width 94%
	color: #969699
.sign-content
	padding: 5px 12px
	margin-top 10px
	background-color: #fff
	textarea
		width 100%
		padding: 5px 0;
		height 60px
.signpage
	.addpic-btn
		text-indent: -999em
.sign-map
	height 167px
	position relative
	.sign-tip
		position absolute
		right 10px
		bottom 10px
		z-index 999
		background-color: #fff;
		padding: 0 10px;
		line-height 25px;
		font-size: 12px;
		border-radius: 5px;
		// background: transparent url("../images/btn_tuning_normal.png") 0 0 no-repeat
		// size(40px,40px)
		// background-size: 100%
	.sign-relocation
		background-color: #fff;
		padding: 0 10px;
		line-height 25px;
		font-size: 12px;
		border-radius: 5px;
		position absolute
		left 10px
		bottom 10px
		z-index 999
		// background: transparent url("../images/btn_loaction_normal.png") 0 0 no-repeat
		// size(40px,40px)
		// background-size: 100%
		
.anchorBL
	display: none
.sign-info
	padding: 5px 0
	background-color: #fff
	.flex
		padding: 2px 0
		color: #000
	.location-address,.sign-info-message
		padding: 15px 0
		line-height: 16px
.sign-relmodule
	margin-top 10px
	.sign-select
		text-align right
		position relative
		background url("../images/more.png") right center no-repeat
		background-size: 6px;
		.tip
			position absolute
			right 20px
			left 0
			top 0
			pointer-events none
		select
			height 40px
			padding 0 20px
.sign-submit
	margin-top 20px
	.sign-btn
		display inline-block
		size(150px,75px)
		border-radius 37px
		padding 16px 0
		background $c-re
		color #fff
.footmark-title
	padding: 0 12px
	background: #f0f0f0
.footmark-list
	.list-item
		padding 10px 12px
		overflow hidden
	.footmark-item
		background-color #fff
		position: relative;
		.footmark-date
			position absolute
			top 24px
			left 12px
	.icon-location2
		background-image: url("../images/wdzj.png")
		size(8px,11px)
	.footmark-content
		position relative
		padding 5px 0
		.footmark-enter
			position absolute
			top 10px
			right 0
			size(40px,40px)
		div[file-list]
			margin-top: 0
			.file-label,.file-list
				padding-left: 0
.footmark-list
	.datepicker
		background url("../images/icon_more.png") 96% center no-repeat
		background-size 16px
.footmark-date
	display: block
	background-color: #fff
.more_month
	position relative
	right 0
	display inline-block
	background url("../images/wdzj-time.png") no-repeat 0 center
	background-size: 80%;
	size(20px,12px)
	pointer-events none
.position-list
	height 50%
	overflow scroll
	&::-webkit-scrollbar
		display: none
	.confirm
		display: none;
		position absolute
		right 10px
		top:10px
		border: 1px solid #4095ff;
		padding: 3px 10px;
		border-radius: 5px;
	.select
		color $c-blue
		.confirm
			display: block;
	.list-item .list-item-content
		padding-right: 60px
.wrapper-img
	position relative
	size(60px,60px)
	display inline-block
.btn.lh30
	height 30px
.outside
	.file-upload .flow-content
		.addpic-btn
			padding-left: 0
	.btn
		margin: 10px 62px
.attendance-late
	.section
		background-color: #fff
		padding: 0 12px
	.file-upload
		background-color: #fff
		padding: 0 12px
	.list-item
		border: none
	.btn
		margin: 10px 62px
.list .wifi-item
	padding-left: 45px
	padding-right:0
	position relative
	&.connected
		&:after
			content: "已连接"
			position: absolute
			right 12px
			top: 20px
			font-size: 12px
			background:$c-blue
			padding: 1px 10px
			border-radius: 10px
			color: #fff
	.wifi-add-icon,.wifi-del-icon
		content: ""
		position: absolute
		left: 12px
		top: 20px
		size(20px,20px)
		background:url("../images/wifi-add.png") 0 0 no-repeat
		background-size: 100%
	.wifi-del-icon
		background-image:url("../images/wifi-del.png")

.wifi-item-content
	padding: 12px 0
	border-top:1px solid #f0f0f0;
.wifi-detail
	color: #7a7a7a
.wifi-section
	line-height 30px
	padding-left: 12px;
	color: #999999;
	font-size: 12px
.wifi-section +.list-item .wifi-item-content
	border: none 